/*antd的一些样式修改*/

/*去掉tailwind css的默认样式导致antd按钮样式消失*/
.ant-carousel .slick-prev,
.ant-carousel .slick-next{
  display: flex  !important;
  align-items: center;
  justify-content: center;
  width:45px !important;
  height:45px !important;
  background-color: #000 !important;
  border-radius: 50%;
  margin: 0 10px;
}
.ant-carousel .slick-prev::after{
  margin-left: 8px;
}
.ant-carousel .slick-next::after{
  margin-right: 8px;
}
.ant-carousel .slick-prev::after,
.ant-carousel .slick-next::after {
  position: static !important;
  width:20px !important;
  height:20px !important;
}
.ant-btn-primary {
  background-color: #1677ff !important;
}
 /* 改变功能体验按钮的antd默认样式 */
.funcExpBtn:hover {
  background-color: #feca1e !important;
  transition: all 0.2s;
}

 /* 改变解决方案按钮的antd默认样式 */
.solutionBtn:hover{
  border-color: #f8d435 !important;
  color: #f8d435 !important;
  transition: all 0.2s;
}
.generateBtn:hover{
  border-color: #f8d435 !important;
  color: #f8d435 !important;
  transition: all 0.2s;
}
/**弹窗、颜色选择器层级*/
.ant-message,
.ant-color-picker {
  z-index: 99999;
}
/*消除tailwindcss的默认样式*/
.ant-switch {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-switch-checked {
  background-color: #f8d435 !important;
}
.ant-spin {
  max-height: 100% !important;
}
/*修改预览图的箭头位置*/
.ant-image-preview-switch-left {
  left: 33% !important;
  top: auto !important;
  bottom: 32px !important;
  transform: scale(1.5) !important;
  color: #fff !important;
}
.ant-image-preview-switch-right {
  right: 33% !important;
  top: auto !important;
  bottom: 32px !important;
  transform: scale(1.5) !important;
  color: #fff !important;
}
/* 修改锚点导航的默认样式 在控制台找对应类名*/
.ant-anchor{
  display: flex;
  justify-content: space-between;
}
.ant-anchor .ant-anchor-link{
  font-size: 17px;
  /* font-weight: 600; */
}
.ant-anchor .ant-anchor-ink {
  background-color: #f8d435 !important;
  height: 3px !important;
  width: 64px !important;
}
:where(.css-dev-only-do-not-override-zfsepp).ant-anchor-wrapper .ant-anchor .ant-anchor-link-active>.ant-anchor-link-title {
  color: #000 !important;
  font-weight: 600;
}
/* 修改首页和产品服务的标签页Tabs的默认颜色 */
.ant-tabs-tab{
  font-size: 18px !important;
}
.ant-list-item-meta-title {
  font-size: 18px !important;
  font-weight: 600;
}
.ant-list-item-meta-description {
  font-size: 17px !important;
}
:where(.css-dev-only-do-not-override-zfsepp).ant-tabs .ant-tabs-tab-btn:focus:not(:focus-visible){
  color: #000000E0 !important;
}
:where(.css-dev-only-do-not-override-gczlq4).ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
:where(.css-dev-only-do-not-override-zfsepp).ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
  color:#f8d435 !important;
}
.ant-tabs-tab:hover{
  color:#f8d435 !important;
}
:where(.css-dev-only-do-not-override-zfsepp).ant-tabs .ant-tabs-ink-bar,
:where(.css-dev-only-do-not-override-gczlq4).ant-tabs .ant-tabs-ink-bar {
  background: #f8d435 !important;
}
.ant-drawer-body{
  padding: 0 200px !important;
  background-color:#f4f4f4;
}
.ant-tabs{
  height: 100%;
  background-color:#fff;
}
/* 修改核心技术模块的箭头样式 */
.swiper-button-prev,
.swiper-button-next{
    width: 50px !important;
    height: 50px !important;
    color: #f8d435 !important;
}
.swiper-button-prev::after,
.swiper-button-next::after{
  font-size: 30px !important;
  font-weight: 600;
  margin-right: 8px;
}
/* 修改底部栏默认样式 */
.ant-col{
  font-size: 18px !important;
}
/* 功能体验 图片对比组件的样式 */
[data-testid="container"]{
  width: inherit !important;
  height: 450px !important;
  position: absolute !important;
}